/* @- Reset styles
------------------------------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, select, input, textarea, legend, caption, tbody, tfoot, thead,  th { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }
a img {border: none; outline: none;}
ol li {display: list-item; list-style: decimal;}

/* @- HTML Tag styles
------------------------------------------------------ */
body {
	font-size: 11px;
  color:#330000;
  background-color: #1f0e07;
  line-height: 15px;
  font-family: Tahoma, Arial;
}
a {color:#330000; text-decoration: none;}
a:hover {color:#000; text-decoration: underline;}
p {margin:0; padding: 0 0 12px;}

/* @- Global styles
------------------------------------------------------ */
.clr {
	visibility: hidden;
	clear: both;
	display:block;
	padding: 0;
	margin: 0;
	line-height:0;
	height: 0;
	width: 100%;
	overflow-y: hidden;
	font-size: 0;
}
.clrfix {clear:both;}
.fl, .floatLeft {float:left;}
.fr, .floatRight {float:right;}
.right{text-align:right !important;}
.center{text-align:center !important;}
.middle{vertical-align:middle !important;}
.top {vertical-align: top !important;}
.auto_margin {margin:0 auto !important;}
.hidden {visibility: hidden; height: 1px; width: 1px;}
.padding0 {padding: 0 !important;}
.margin0 {margin: 0 !important;}
.noborder {border:none !important;}

/* standard text format */
.text_tiny {font-size: 10px; color: #878787;}
.text_small {font-size: 11px;}
.text_medium {font-size: 14px;}
.text_large {font-size: 18px;}
.text_larger {font-size: 20px;}
.important, .warning, .error {color: #cc0000;}
.important_lv2 {color: #fe7e27;}

/* Image styles */
.img_left {float:left; margin: 3px 10px 10px 0px;}
.img_right {float:right; margin: 3px 0px 10px 10px;}
.img_border {border:1px solid #996600;}

/* @- Common styles
------------------------------------------------------ */
/* Heading */
h2 {
  color:#ab4a07;
  font-weight: normal;
  background: url(../imgs/dotted_line.gif) repeat-x bottom;
  padding-bottom: 12px;
  margin-bottom: 10px;
  font-size:22px;
}
h2 span {display:block; padding-top: 10px; font-size: 11px; font-weight: normal; color:#330000;}

/* Block data */
.block_title {background: url(../imgs/block_titlebar_bg.jpg) repeat-x bottom; line-height: 37px;}
.block_title_left {background: url(../imgs/block_titlebar_left.jpg) no-repeat left bottom; padding-left: 9px;}
.block_title_right {background: url(../imgs/block_titlebar_right.jpg) no-repeat right bottom; height: 42px;}
.blk_icon {float:left; width: 42px; height: 42px; text-indent: -9999em;}
.blk_title_text {
	height: 42px;
	text-indent: -9999em;
	background-repeat: no-repeat;
  background-image: url(../imgs/blk_title_text.jpg);
}
.blk_viewmore {width: 34px; height: 42px; background: url(../imgs/blk_viewmore.jpg) no-repeat right bottom; display:inline; text-indent: -9999em;}
.block_container {padding: 10px 0;}

/* List style */
.list {padding-bottom: 8px;}
.list li {background-image: url(../imgs/bullet.gif); background-repeat:no-repeat; background-position: 0 5px; padding: 3px 0  3px 27px;}

/* @- Main structure
------------------------------------------------------ */
.bgscene {width: 100%; position: absolute;}
.bottom_bg {background: url(../imgs/bottom_bg.jpg) no-repeat center bottom; width: 100%; position: relative; min-height: 900px;}
.page_header {height: 378px; width: 1000px; position: relative;}
.page_wrapper {width: 1000px; margin: 0 auto;}
.homepage_bg {background: #1f0d07 url(../imgs/bg_pagescene.jpg) no-repeat center top; height:679px;}
.subpage_bg {background: url(../imgs/bg_scene_subpage.jpg) no-repeat center top; height: 729px;}
.subpage_bottom_bg {background: url(../imgs/bottom_bg.jpg) no-repeat center bottom; width: 100%; position: relative; height: 1430px}
.subpage_body {background: url(../imgs/bg_subpage_body.gif) left repeat-y; width:969px; padding-left: 31px; /*padding-right: 92px;width: 877px;*/}


/* Header */
.flash_banner {position: absolute; width:1000px; height:378px; z-index:1;}
.logo {position: absolute; z-index: 5;width: 190px; height: 100px; top: 0; left:410px;}
.logo a {display: block; background: url(../imgs/logo_gokong.png); text-indent: -9999em;width: 190px; height: 100px; cursor: default;}
.logo_light {background: url(../imgs/logo_light.png); width: 195px; height: 104px; left: 402px; position: absolute; z-index: 4;} 
.header_slideshow {position: absolute; right: 0; bottom: 0; z-index: 2; height: 215px; width: 355px; overflow: hidden;}
.header_slideshow li {float: left; height: 215px; width: 355px;}
#controls{position:absolute;z-index:4;bottom:10px;left:645px;}
#controls li {
	display: inline;
	float: left;
	background: url(../imgs/paging_bg_number.gif);
	width: 22px;
	height: 22px;
	line-height: 19px;
  margin: 0 3px;
  font-weight:bold;
  color:#dbab35;
  font-size:11px;
  text-align: center;
}
#controls li a {color:#dbab35}
#controls li.current a {color:#fff; text-decoration: underline;}

/* Footer */
.footer{background:url(../imgs/page_bottom.png) no-repeat;padding-top:120px;height:42px;width:1000px;font-size:11px;height:80px;}
.sub_footer {padding-top: 223px; height: 80px; clear:both; background: url(../imgs/subpage_footer_bg.png) no-repeat top;}
.vtclogo, .linekong_logo {text-indent: -9999em;}
.vtclogo {background: url(../imgs/vtc_logo.png) no-repeat; width: 192px; height: 46px;}
.linekong_logo  {background: url(../imgs/linekong_logo.png) ; width: 179px; height: 57px; position: relative; top: -10px;}
.footer_content {padding-left: 20px; width: 590px; color:#ffe5cd;}
.footer_content a {color:#ffe5cd; text-decoration: underline;}
.footer_content a:hover {text-decoration: none;}

/* Main menu */
.mainmenu {position: absolute; z-index: 3; width: 831px; height:83px; padding: 17px 57px 0 62px; left:25px; top:0; background: url(../imgs/nav.gif);}
.mainmenu li {display:inline; float:left; height: 38px; line-height: 38px;}
.mainmenu li a {display:block; text-indent: -9999em;}
.mainmenu li a:hover, .mainmenu li a.selected {background-image: url(../imgs/nav_hover.jpg);} 
li#m_home a {width: 58px;}
li#m_home a:hover, li#m_home a.selected {background-position: 0 0;}
li#m_news a {width: 59px;}
li#m_news a:hover, li#m_news a.selected {background-position: -58px 0;}
li#m_intro a {width: 103px;}
li#m_intro a:hover, li#m_intro a.selected {background-position: -117px 0;}
li#m_guide a {width: 103px;}
li#m_guide a:hover, li#m_guide a.selected {background-position: -220px 0;}
li#m_gallery {padding-left:190px;}
li#m_gallery a {width: 67px;}
li#m_gallery a:hover, li#m_gallery a.selected {background-position: -513px 0;}
li#m_community a {width: 95px;}
li#m_community a:hover {background-position: -580px 0;}
li#m_itemmall a {width:83px;}
li#m_itemmall a:hover, li#m_itemmall a.selected {background-position: -675px 0;}
li#m_support a {width:73px;}
li#m_support a:hover, li#m_support a.selected {background-position: -758px 0;}
li#gokong_logo {display:none;}

.mainmenu ul {width: 159px; left: auto; top: 54px; position:absolute; border-right: 1px solid #531206; border-left: 1px solid #531206;}
.mainmenu ul li {
	background-color: #5f1a0d;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
  border-bottom: 1px solid #531206;
  width: 159px;
  display:block;
  height: auto;
  line-height: normal;
}
.mainmenu li ul li a {
	display: block;
	width: auto !important;
	text-indent: 0;
	padding: 6px 4px 6px 16px;
	background-image: url(../imgs/popup_menu_bullet.gif);
  background-repeat:no-repeat;
  background-position: 5px center;
	float: none;
	font-weight: bold;
  color:#e3a96e;
  text-shadow: 0 1px 0 #000
}
.mainmenu ul li a:hover {background:#240803 url(../imgs/popup_menu_bullet.gif) no-repeat 5px center !important; color:#fff; text-decoration: none;}


/* @- Home page
------------------------------------------------------ */
/* Home page structure */
.leftcol_topbg, .rightcol_topbg {height: 33px; width: 380px;}
.leftcol_topbg {background: url(../imgs/lefttop_col.gif);}
.rightcol_topbg {background: url(../imgs/righttop_col.gif);}
.body_edge_frame {background: url(../imgs/page_edge_frame.gif) repeat-y top; width: 980px; padding: 0 10px}
.bodysite_bg {background: url(../imgs/bg_home_body.jpg) repeat-y; width:950px; padding: 0 15px;}
.home_leftcol, .home_rightcol {width:343px;}
.home_leftcol {padding-right:12px;}
.home_rightcol {padding-left:12px;}
.home_centercol {width: 240px;}

/* Search box */
.search_box {
  width:210px;
	height: 46px;
  padding: 62px 0 0 150px;
  position: relative;
}
.home_leftcol .search_box {
	background: url(../imgs/search_box.jpg) no-repeat;
	margin-right:-12px;
  margin-left:-5px
	margin-top: -59px;
  margin: -59px -12px 0 -5px;
}
.s_keyword {
	border: none 0;
	font-size: 12px;
	font-weight: bold;
	font-family: Tahoma;
	color: #ffeab4;
  height: 32px;
  line-height: 32px;
  width: 148px;
}
.s_btn {
	background:url(../imgs/search_btnx.gif);
	width: 36px;
	height: 32px;
	padding: 32px 0 0;
  margin:0;
	overflow:hidden;
	border: none 0;
  cursor: pointer;
  cursor: hand;
}

/* Hot news, Event & Community block */
.blk_hotnews .list li, .blk_event .list li, .blk_community .list li {padding: 0 0 0 27px;}
.blk_hotnews .list a, .blk_event .list a, .blk_community .list a {
	display: block;
	padding: 5px 0;
  overflow: hidden;
  width:100%;
	background: url(../imgs/dotted_line.gif) repeat-x bottom;
  text-decoration: none;
  cursor: pointer;
}
.blk_hotnews .list .text_title, .blk_event .list .text_title, .blk_community .list .text_title {display: block; float: left; margin-right: 4px;}
.blk_hotnews .list a:hover .text_title, .blk_event .list a:hover .text_title, .blk_community .list a:hover .text_title {text-decoration: underline;}
.new_icon {
	background: url(../imgs/new_icon.gif) no-repeat;
	height: 9px;
	width: 30px;
	text-indent: -9999em;
	display: block;
  float:left;
}
.blk_hotnews .list .date, .blk_event .list .date, .blk_community .list .date {float: right;}
.blk_hotnews .list a:hover .date, .blk_event .list a:hover .date, .blk_community .list a:hover .date {text-decoration: none;}
.news_excerpt_frame_top, .news_excerpt_frame_bottom {height: 8px; font-size:0; width:343px;}
.news_excerpt_frame_top {background: url(../imgs/cell_event_top.gif);}
.news_excerpt_frame_bottom {background: url(../imgs/cell_event_bottom.gif); margin-bottom: 5px;}
.news_excerpt_body {
	border-style: solid;
	border-color: #d2a460;
	border-width: 0 1px 0;
	padding: 0 7px;
	background-color: #ddbc6e;
	overflow: hidden;
	font-size: 12px;
  width:327px;
}
.news_excerpt_body p {padding:0;}
.news_excerpt_body .img_left {margin:3px 10px 0 0;}
.event_date {display:block; padding-bottom: 5px;}
.excerpt_post_title {font-weight: bold; padding: 0 0 8px; font-size: 12px;}

/* Item mall */
.floral_frame {background: url(../imgs/floral_frame_bg.gif) repeat-y; width: 343px; margin-bottom: 10px;}
.top_floral_frame {background: url(../imgs/floral_frame_top.gif) no-repeat top; width: 343px; padding-top: 10px;}
.bot_floral_frame {background: url(../imgs/floral_frame_bottom.gif) no-repeat bottom; width:323px; padding:0 10px 16px;}
.item_mall_slider {position: relative; height: 123px; width: 315px; margin: 0 auto}
.blk_item_mall li {display:block; width: 315px; overflow: hidden; height: 123px; line-height: normal;}
.blk_item_mall li .item_wrapper {display:inline; margin: 0 8px; width: 87px; text-align: center; color:#663300;}
.blk_item_mall li .item_wrapper a {color:#663300;}
.blk_item_mall li .slider_item_frame {
	margin-bottom: 3px;
	display: block;
	padding: 10px;
	width: 66px;
	height: 66px;
	background: url(../imgs/bg_item.jpg);
	border: 1px solid #94722e;
}
.blk_item_mall li img {border:1px solid #9b6800;}
#sld_item_mall_prevBtn a, #sld_item_mall_nextBtn a {position: absolute; top:22px; height: 51px; width: 17px; text-indent: -9999em; display:block;}
#sld_item_mall_prevBtn a {background: url(../imgs/sliding_left_arrow.png); left: -9px;}
#sld_item_mall_nextBtn a {background: url(../imgs/sliding_right_arrow.png); right: -9px;}

/* Gallery */
.gallery_slider li {float:left; width:323px; overflow: hidden; height: 77px;}
.gallery_slider li a {display:inline; float:left; margin: 0 4px;}
.gallery_slider li a img {border: 1px solid #9b6800;}

/* Lef column advertising */
.leftcol_bottom_ads img {border: 1px solid #7d6a2e; vertical-align: bottom;}

/* Center column */
.center_download {width: 240px; height: 468px;position: relative; margin-top: -135px; background: url(../imgs/bg_download_guide_item.jpg) no-repeat 0 183px;}
.dload_img_mask {z-index: 2; background: url(../imgs/main_download.png); width: 240px; height: 249px; position: absolute;}
.download_magic_ball {background: url(../imgs/download.gif); top: 42px; left: 70px; height: 96px; width: 101px; position: absolute;}
.face_cover_dload_ball {z-index: 6; background: url(../imgs/blank.gif); top: 40px; left: 70px; width: 103px; height: 103px; text-indent: -9999em; position: absolute;}
.daftar_link, .topup_voucher_link {display:block; width: 65px; height: 40px; top: 131px; left: 5px; z-index: 4; text-indent: -9999em; position: absolute;}
.topup_voucher_link {left: 167px;}
.forum_link, .customer_care_link {text-indent: -9999em; width: 62px; height: 50px;z-index: 4;top: 185px;position: absolute;}
.forum_link {left: 54px;}
.customer_care_link {right: 50px;}
.home_guide_items {position: absolute; top: 249px;}
.home_guide_items ul {padding: 8px 24px 0 28px; width: 188px; overflow: hidden;}
.home_guide_items li {float:left; display:inline}
.home_guide_items li a {float:left; width: 94px; height: 94px; text-indent: -9999em; background-image: url(../imgs/download_guide_items.jpg); background-repeat: no-repeat;}
.home_guide_items li a.newbie {background-position: 0 0;}
.home_guide_items li a.newbie:hover {background-position: 0 -188px;}
.home_guide_items li a.feature {background-position: -94px 0;}
.home_guide_items li a.feature:hover {background-position: -94px -188px;}
.home_guide_items li a.function {background-position: 0 -94px;}
.home_guide_items li a.function:hover {background-position: 0 -282px;}
.home_guide_items li a.support {background-position: -94px -94px;}
.home_guide_items li a.support:hover {background-position: -94px -282px;}
.home_guide_items_bottom {background: url(../imgs/bottom_center_guide.jpg) no-repeat; height: 24px; width: 240px;}
.home_ranking {background-image: url(../imgs/ranking.jpg); background-position: 0 0;; height: 85px; width: 211px; margin: 0 auto; display:block; text-indent: -999em;}
.home_ranking:hover {background-position: left bottom;}
.npc {width: 220px; height: 220px; background: url(../imgs/back_npc.jpg) top; margin: 0 10px; position: relative;}
.npc_slider li {float:left; width: 220px; height: 220px; overflow: hidden;}
.npc li p {color: #ffda6e; font-weight: bold; display:block; padding:0; height:30px; line-height: 20px; text-align: center;}
#sld_npc_prevBtn a, #sld_npc_nextBtn a{
  display: block;
  height: 51px;
  position: absolute;
  text-indent: -9999em;
  top: 22px;
  width: 17px;
  z-index: 2;
  top: 90px;
}
#sld_npc_prevBtn a {background: url(../imgs/sliding_left_arrow.png); left:0;}
#sld_npc_nextBtn a {background: url(../imgs/sliding_right_arrow.png); right:0;}
.cloud {background: url(../imgs/cloud.png); height: 58px; width:220px; position: absolute; z-index: 2;top: 162px;}

/* Poll */
.home_poll {padding: 0 10px 17px}
.home_poll .title_poll {background: url(../imgs/poll_heading.png); height: 36px; width: 220px; text-indent: -9999em; margin-bottom:10px;}
.poll_question {background: url(../imgs/poll_question_bg.jpg) repeat-y; width: 202px; margin-left: 9px;}
.poll_question_top {background: url(../imgs/poll_question_top.jpg) top no-repeat; padding-top: 9px;}
.poll_question_bot {background: url(../imgs/poll_question_bottom.jpg) bottom no-repeat; padding: 0 10px 10px; font-weight: bold; color:#f0d18b; line-height: normal;}
.poll_chart p {padding: 5px 10px 3px 22px; font-weight: bold; color: #f0d18b;}
.votebar_wrapper {background: url(../imgs/poll_progress_bar_outer.jpg) no-repeat; width: 165px; margin-left:22px; overflow: hidden; height: 10px; padding: 3px;}
.votebar_dynamic {background: url(../imgs/poll_progress_bar_inner.jpg); height: 10px; font-size:0}

/* Advetising */
.centercol_ads_slider {
	background: url(../imgs/bg_ad_box.jpg) no-repeat;
	height: 235px;
	width: 166px;
	margin: 0 auto;
	padding: 25px 18px 14px 18px;
	position: relative;
}
.centercol_ads_slider ul {overflow: hidden;height: 235px;
	width: 166px;}
.centercol_ads_slider li {height: 235px; width: 166px;float:left;}
#center_ads_prevBtn a, #center_ads_nextBtn a {
	text-indent: -9999em;
	display: block;
	font-size: 0;
	background-image: url(../imgs/scroll_arrow.jpg);
	background-repeat: no-repeat;
  height: 10px;
  width: 6px;
  position: absolute;
  top: 8px;
}
#center_ads_prevBtn a, #center_ads_prevBtn a:hover {background-position: 0 0; right: 30px;}
#center_ads_nextBtn a, #center_ads_nextBtn a:hover {background-position: -6px 0; right: 20px;}

/* Guide sliding door panel */
.guide_sliding_panels {width: 343px; height: 222px; overflow: hidden; position: relative; top: -6px;}

/* Class block */
.class_slider {position: relative;overflow: hidden;}
.class_slider li {float:left; padding: 7px 0; height: 150px;}
.class_slider li a {display: block; color:#663300; width: 57px; height: 30px; background-repeat: no-repeat; padding-top: 120px;}
.class_slider li a span {display: block; font-size: 11px; text-align: center; line-height: 30px; height:30px;}
.wizard {background-image: url(../imgs/class_wizard.jpg);}
.summoner {background-image: url(../imgs/class_summoner.jpg);}
.archer {background-image: url(../imgs/class_archer.jpg);}
.warrior {background-image: url(../imgs/class_warrior.jpg);}
.priest {background-image: url(../imgs/class_priest.jpg);}
.assassin {background-image: url(../imgs/class_assassin.jpg);}

/* Facebook fan */
.fbfan_h_text {border-bottom: 1px solid #ba9753; height: 22px; font-size:12px; margin-bottom: 7px;}
.blk_fbfans ul {overflow: hidden; position: relative; margin-bottom: -10px; width: 323px;}
.blk_fbfans li {float:left; display: block; padding: 0 6px; height:72px; overflow: hidden; text-align: center;}

/* Partner logos */
.partner_logo_top, .partner_logo_bottom {height: 13px; font-size: 0; width: 340px;}
.partner_logo_top {background: url(../imgs/partner_box_top.gif) no-repeat bottom;}
.partner_logo_bottom {background: url(../imgs/partner_box_bottom.gif) no-repeat top;}
.partner_logo_body {border-right: 1px solid #bba040; border-left: 1px solid #bba040; width: 298px; padding: 0 20px;}
.partner_logo_body ul {position: relative;overflow: hidden;}
.partner_logo_body li {float:left; display:inline; margin: 2px 6px; background: url(../imgs/logo_partner_border.gif); padding: 3px; width: 131px; height: 44px;}

/* @- Subpage
------------------------------------------------------ */
.left_column {width: 240px;}
.right_column {width: 607px; padding-right: 30px; background: url(../imgs/right_floral.gif) no-repeat right top;}
.content_topright {background: url(../imgs/rightcontent_top.gif) no-repeat top; height: 76px;}
.pathway {text-align: right; padding: 50px 30px 0 16px; background: url(../imgs/circle_bullet.gif) no-repeat 0 53px; height: 15px; line-height: 15px;}
.right_column .search_box {background: url(../imgs/searchox2.jpg) no-repeat; position: relative; margin-top:-104px; margin-left: 14px;}
.right_column .block_data {padding: 0 26px 0 21px;}
.right_column .block_container {padding:20px 10px;}
.left_column .center_download {height:249px;}
.subpage_menu {background: url(../imgs/bg_subpage_menu.jpg) repeat-y; padding: 0 20px; width: 200px;}
.parent_item {
	background: url(../imgs/bg_parent_item.jpg) no-repeat;
	height: 29px;
	width: 200px;
	overflow: hidden;
  text-align: center;
  font-weight: bold;
  color:#f1b200;
  text-transform: uppercase;
  line-height: 29px;
  font-size:12px;
}
.subpage_menu li {border-bottom: 1px solid #fdc035;}
.subpage_menu li a {display:block; font-size:12px; font-weight: bold; color:#993300; padding: 6px 7px 7px 35px; background: url(../imgs/subpage_menu.jpg) repeat-y;}
.subpage_menu li a:hover, .subpage_menu li a.selected {background: url(../imgs/subpage_menu_hover.jpg) repeat-y; text-decoration: none; color:#000;}

.scrolling_menu {width:92px; float:left; margin-top: 30px; position: relative;}
.scrolling_menu li a {display:block; width: 92px; text-indent: -9999em; height:91px; background-image: url(../imgs/scrolling_side_menu.gif);}
.scrolling_menu a.newbie {background-position: 0 0;}
.scrolling_menu a.newbie:hover {background-position: -92px 0;}
.scrolling_menu a.feature {background-position: 0 -91px;}
.scrolling_menu a.feature:hover {background-position: -92px -91px;}
.scrolling_menu a.function {background-position: 0 -182px;}
.scrolling_menu a.function:hover {background-position: -92px -182px;}
.scrolling_menu a.support {background-position: 0  -273px;}
.scrolling_menu a.support:hover {background-position: -92px -273px;}



/* @- Other styles
------------------------------------------------------ */
.blk_hotnews .blk_title_text {background-position: -688px bottom; width:115px;}
.blk_hotnews .blk_icon {background-image: url(../imgs/hotnews_blk_icon.png);}
.blk_item_mall .blk_title_text {background-position: -500px bottom; width: 115px;}
.blk_item_mall .blk_icon {background-image: url(../imgs/itemmall_blk_icon.png);}
.blk_community .blk_title_text {background-position: -376px bottom; width:124px;}
.blk_community .blk_icon {background-image: url(../imgs/community_blk_icon.png);}
.blk_gallery .blk_title_text {background-position: -170px bottom; width: 112px;}
.blk_gallery .blk_icon {background-image: url(../imgs/gallery_blk_icon.png);}
.blk_event .blk_title_text {background-position: -282px bottom; width: 94px;}
.blk_event .blk_icon {background-image: url(../imgs/event_blk_icon.png);}
.blk_class .blk_title_text {background-position: -615px bottom; width: 73px;}
.blk_class .blk_icon {background-image: url(../imgs/class_blk_icon.png);}
.blk_fbfans .blk_title_text {background-position: left bottom; width: 170px;} 
.blk_fbfans .blk_icon {background-image: url(../imgs/fbfan_blk_icon.png);}





